/**
 * Created by Administrator on 2017/6/27 0027.
 */

import React, { Component } from 'react';
import {PixelRatio,StyleSheet} from 'react-native';

var rem = (require('Dimensions').get('window').width)/7.5;
var onePT=1/PixelRatio.get();

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#fff'
    },
    flex:{
        flex:1
    },
    bgcolor:{
        backgroundColor:"#fff"
    },
    direction:{
        flexDirection:"row"
    },
    center:{
        justifyContent: 'center',
        alignItems: 'center'
    },
    logo:{
        width:4.28*rem,
        height:0.64*rem
    },
    wrap:{
        marginTop:3.9*rem
    },
    list:{
        flexDirection:"row",
        justifyContent:"flex-start",
        alignItems:"center",
        width:4.2*rem,
        height:.6*rem,
        marginTop:.3*rem,
        borderWidth:2*onePT,
        borderColor:"#1b4997",
        borderRadius:.3*rem,
        overflow:"hidden"
    },
    icon:{
        position:"absolute",
        width:.3*rem,
        height:.3*rem,
        left:.24*rem
    },
    img:{
        alignSelf:"center"
    },
    Text:{
        flex:1,
        height:.8*rem,
        fontSize:0.22*rem,
        alignSelf:"center",
        paddingLeft:.7*rem

    },
    sign:{
        fontSize:.22*rem,
        color:"#fff",
        alignSelf:"center"
    },
    blue:{
        backgroundColor:"#1b4997"
    },
    blueColor:{
        color:"#124191"
    },
    bgBlue:{
        backgroundColor:"#e8effb"
    },
//header
    hwrap:{
        height:.96*rem,
        backgroundColor:"#124191",
        alignItems:"center",
        flexDirection:"row",
        justifyContent:"space-between",
        paddingLeft:.24*rem,
        paddingRight:.24*rem
    },

    htop:{

    },
    hfont:{
        fontSize:.24*rem,
        color:"#fff"
    },
    iconprev:{
        width:.5*rem,
        height:.34*rem
    },
//下拉菜单
    selects:{
        width:3.18*rem,
        //backgroundColor:"#124191",
        position:"absolute",
        top:.88*rem,
        right:0,
        shadowColor: 'black',
        shadowOffset: {width: 2, height: 2},
        shadowOpacity: 0.9,
        shadowRadius: 5,
        zIndex:100
    },
    selectBg:{
        width:3.18*rem
    },
    selectwrap:{
        width:3.18*rem,
        position:"absolute",
        top:0,
        right:0,
        padding:.08*rem
    },
    selectList:{
        flexDirection:"row",
        alignItems:"center",
        width:3*rem,
        height:.9*rem,
        borderBottomWidth:onePT,
        borderBottomColor:"#2555a6"

    },
    selectFirst:{
        borderBottomWidth:0
    },
    seFont:{
        fontSize:.2*rem,
        color:"#fff"
    },
    selectIcon:{
        width:.4*rem,
        height:.4*rem,
        marginLeft:.3*rem,
        marginRight:.3*rem
    },
//状态查看
    ztScroll:{
    },
    ztwrap:{
        height:3.76*rem,
        backgroundColor:"#124191",
        paddingTop:.78*rem
    },
    topIcons:{
        height:1.26*rem,
        paddingLeft:1.76*rem,
        paddingRight:1.76*rem,
        flexDirection:"row",
        justifyContent:"space-between",
        alignItems:"flex-end"
    },
    ztIcon_01:{
        width:.7*rem,
        height:1.26*rem
    },
    ztIcon_02:{
        width:1.16*rem,
        height:.04*rem,
        marginBottom:.54*rem
    },
    ztIcon_03:{
        width:1.2*rem,
        height:.84*rem
    },
    ztculoms:{
        height:.14*rem,
        marginTop:.5*rem,
        paddingLeft:1.76*rem,
        paddingRight:1.76*rem,
        flexDirection:"row",
        justifyContent:"space-between",
        alignItems:"center"
    },
    ztFont_01:{
        fontSize:.18*rem,
        color:"#fff"
    },
//
    ztCenters:{
        paddingBottom:1*rem
    },
    ztListAll:{//生成报告、状态查看 多处使用
        paddingTop:.34*rem,
        borderBottomWidth:onePT,
        borderBottomColor:"#eee"
    },
    ztBottom:{
        borderBottomWidth:0
    },
    ztList_on:{
        height:.6*rem,
        paddingBottom:.44*rem,
        flexDirection:"row",
        alignItems:"center",
        paddingLeft:.2*rem
    },
    ztList_01:{
        height:.6*rem,
        paddingBottom:.44*rem,
        flexDirection:"row",
        alignItems:"center",
        paddingLeft:.2*rem
    },
    ztList_touch:{
        flex:1,
        flexDirection:"row",
        alignItems:"center"
    },
    ztList_02:{
        height:.6*rem,
        paddingBottom:.44*rem,
        flexDirection:"row",
        alignItems:"center",
        justifyContent:"space-between",
        paddingLeft:.92*rem,
        paddingRight:.7*rem
    },
    ztList_img:{
        width:.4*rem,
        height:.4*rem,
        marginRight:.2*rem
    },
    ztList_ri:{
        width:.12*rem,
        height:.16*rem,
        position:"absolute",
        right:.24*rem,
        top:0

    },
    ztList_set:{
        width:.18*rem,
        height:.24*rem,
        marginTop:.04*rem
    },
    ztList_font:{
        fontSize:.24*rem,
        color:"#124191"
    },
    ztList_font02:{
        fontSize:.24*rem,
        color:"#333"
    },
    ztList_font03:{
        fontSize:.24*rem,
        color:"#124191"
    },
//测试功能
    ccwrap:{
        height:5.88*rem,
        backgroundColor:"#124191",
        paddingTop:.5*rem,
        alignItems:"center"
    },
    iconWrap:{
        height:4*rem,
        width:4*rem,
        justifyContent:"center",
        alignItems:"center"
    },
    ccIcon_gif:{
        width:4*rem,
        height:4*rem
    },
    icon_font:{
        fontSize:.3*rem,
        color:"#fff",
        position:"absolute"

    },
    test_tex:{
        height:1.86*rem,
        position:"absolute",
        bottom:0
    },
    test_list:{
        height:.4*rem,
        alignItems:"center",
        justifyContent:"center",
        flexDirection:"row"
    },
    test_font:{
        fontSize:.2*rem,
        paddingLeft:.48*rem,
        paddingTop:.08*rem,
        marginRight:.14*rem,
        color:"#fff"
    },
    icon_test:{
        height:.20*rem
    },
    opacity01:{
        opacity:.2
    },
    opacity02:{
        opacity:.6
    },
    fgwrap:{
        width:2.8*rem,
        height:2.8*rem,
        backgroundColor:"#124191",
        borderRadius:2.8*rem,
        alignItems:"center",
        justifyContent:"center"
    },
    fgFont:{
        fontSize:.3*rem,
        color:"#fff"
    },

//导入图片
    Iptop:{
        height:.96*rem,
        backgroundColor:"#124191",
        alignItems:"center"
    },
    IpPick:{
        width:3.76*rem,
        height:.62*rem,
        borderWidth:onePT,
        borderColor:"#fff",
        borderRadius:.31*rem,
        alignItems:"center",
        justifyContent:"center"
    },
    Pickval:{
        width:3.76*rem,
        height:.62*rem,
        position:"absolute",
        left:0,
        top:0,
        backgroundColor:"transparent",
        color:"#fff",
        opacity:0
    },
    Pickchild:{
    },
    PickText:{
        color:"#fff",
        fontSize:.24*rem
    },
    Ipwrap:{
        width:5.5*rem,
        height:8.64*rem,
        alignItems:"center",
        justifyContent:"center",
        marginTop:.3*rem,
        marginBottom:.3*rem
    },
    Ip_Bgimg:{
        width:5.5*rem,
        height:8.64*rem,
        position:"absolute",
        left:0,top:0,right:0,bottom:0
    },
    Ip_Bg:{
        width:5.5*rem,
        height:4.64*rem,
    },
    Ipbut:{
        width:3.76*rem,
        height:.62*rem,
        backgroundColor:"#124191",
        borderRadius:.31*rem,
        alignItems:"center",
        justifyContent:"center"
    },
    IpFont:{
        color:"#fff",
        fontSize:.24*rem
    },
//    测试功能加点
    spotWrap:{
        height:rem,
        flexDirection:"row",
        alignItems:"center",
        justifyContent:"center",
        paddingTop:.2*rem,
        paddingBottom:.2*rem
    },
    Sp_Bgimg:{
        width:.62*rem,
        height:.68*rem
    },
    SpRow:{
        flexDirection:"row",
        alignItems:"center",
        justifyContent:"center",
        marginRight:.7*rem
    },
    SpRowLast:{
        marginRight:0
    },
    SpFont:{
        marginLeft:.14*rem,
        fontSize:.18*rem,
        color:"#333"
    },
//
    SpSpot:{
        width:.62*rem,
        height:.68*rem,
        position:"absolute",
        left:2.04*rem,
        top:3.8*rem
    },
    SpBut:{
        height:.62*rem,
        marginTop:.4*rem,
        alignItems:"center",
        justifyContent:"center"
    },
    SpButton:{
        width:3.76*rem,
        height:.62*rem,
        backgroundColor:"#124191",
        borderRadius:.32*rem,
        alignItems:"center",
        justifyContent:"center"

    },
    SpBuFont:{
        color:"#fff",
        fontSize:.16*rem
    },

//    测试功能加点过程弹出层
    CesProcess:{
        position:"absolute",
        left:0,right:0,
        top:0,bottom:0,
        zIndex:100,
        backgroundColor:"#000",
        opacity:.9
    },
    CPTop:{
        paddingTop:3.5*rem,
        alignItems:"center",
        justifyContent:"center"
    },
    CPList:{
        paddingBottom:.4*rem,
        flexDirection:"row"
    },
    CPFont:{
        fontSize:.24*rem,
        color:"#fff"
    },
    CPFontMon:{
        fontSize:.24*rem,
        color:"#fff",
        marginLeft:.2*rem
    },
    CPImg:{
        width:.92*rem,
        height:.88*rem
    },
    CPBut:{
        width:3.76*rem,
        height:.62*rem,
        backgroundColor:"#124191",
        borderRadius:.32*rem,
        alignItems:"center",
        justifyContent:"center"

    },
    CPButFont:{
        fontSize:.24*rem,
        color:"#fff"
    },
//    测试报告
    Ptwrap:{
        backgroundColor:"#124191",
        paddingTop:1.1*rem,
        alignItems:"center"
    },
    ptBox:{
        flexDirection:"row",
        justifyContent:"center",
        alignItems:"center"
    },
    PtIconWrap:{
        height:2.64*rem,
        width:2.64*rem,
        justifyContent:"center",
        alignItems:"center"
    },
    ptImagWrap:{
        height:1.8*rem,
        width:1.8*rem
    },
    PtIcon_gif:{
        width:2.64*rem,
        height:2.64*rem
    },
    PtIcon_imag:{
        height:1.8*rem,
        width:1.8*rem
    },
    Pticon_font:{
        fontSize:.3*rem,
        color:"#fff",
        position:"absolute"

    },
    Pticon_fontmin:{
        fontSize:.2*rem,
        color:"#fff",
        position:"absolute",
        top:"50%",
        marginTop:.2*rem
    },
    Pt_text:{
        paddingTop:.64*rem,
        paddingBottom:.36*rem
    },
    Pt_list:{
        flexDirection:"row",
        paddingBottom:.24*rem
    },
    Pt_listmin:{
        flexDirection:"row",
        justifyContent:"space-between",
        width:1.9*rem
    },
    Pt_font:{
        fontSize:.16*rem,
        color:"#fff"
    },
    PtMaleft:{
        marginLeft:.98*rem
    },
    PtMarRight:{
        paddingRight:.2*rem
    },
    ztList_font04:{
        color:"#ec6941"
    },
    PtWhite:{
        backgroundColor:"#fff",
        opacity:1
    },
    PtShare:{
        position:"absolute",
        bottom:0,
        width:7.5*rem,
        paddingTop:1.2*rem,
        paddingBottom:.6*rem,
        backgroundColor:"#fff",
        flexDirection:"row",
        flexWrap:"wrap"
    },
    PSList:{
        width:2.5*rem,
        justifyContent:"center",
        alignItems:"center"
    },
    PSL_img:{
        width:rem,
        height:rem
    },
    PSFont:{
        fontSize:.16*rem,
        color:"#124191",
        paddingTop:.3*rem,
        paddingBottom:.7*rem
    },
//    下挂设备
    DeviceWrap:{
        paddingBottom:.8*rem
    },
    DeviceList:{
        paddingTop:.4*rem,
        paddingBottom:.4*rem,
        paddingLeft:.3*rem,
        paddingRight:.3*rem,
        borderBottomWidth:onePT,
        borderBottomColor:"#eee",
        flexDirection:"row",
        justifyContent:"space-between",
        alignItems:"center"
    },
    DLeft:{
        flexDirection:"row"
    },
    DLIcon:{
        width:.8*rem,
        height:.8*rem,
        marginRight:.24*rem
    },
    DLFont_01:{
        fontSize:.24*rem,
        color:"#000",
        paddingTop:.04*rem,
        paddingBottom:.14*rem
    },
    DLFont_02:{
        fontSize:.2*rem,
        color:"#666"
    },
    DLFont_03:{
        paddingRight:.3*rem
    },
// WIFI设置
    SUWrap:{
        paddingBottom:.8*rem
    },
    SUList:{
        paddingTop:.5*rem,
        paddingLeft:.4*rem,
        paddingRight:.8*rem,
        paddingBottom:.4*rem,
        borderBottomWidth:onePT,
        borderBottomColor:"#eee"
    },
    SUIcon:{
        width:.32*rem,
        height:.28*rem
    },
    SUTop:{
        flexDirection:"row",
        alignItems:"center"
    },
    SUFont_01:{
        fontSize:.24*rem,
        color:"#124191",
        paddingLeft:.2*rem
    },
    SUBut:{
        width:.8*rem,
        height:.34*rem,
        borderRadius:.18*rem,
        position:"absolute",
        right:0
    },
    SUSwitch:{
        backgroundColor:"#124191",
        width:.8*rem,
        height:.34*rem,
        borderRadius:.18*rem,
        position:"absolute",
        right:0
    },
    SUSwitchBg:{
        backgroundColor:"#f0f0f0",
        width:.8*rem,
        height:.34*rem,
        borderRadius:.18*rem,
        position:"absolute",
        right:0
    },
    SUButMove:{
        width:.3*rem,
        height:.3*rem,
        backgroundColor:"#fff",
        borderRadius:.16*rem,
        position:"absolute",
        left:"auto",
        right:.02*rem,
        top:.02*rem
    },
    SUButMoveBg:{
        width:.3*rem,
        height:.3*rem,
        backgroundColor:"#fff",
        borderRadius:.16*rem,
        position:"absolute",
        right:"auto",
        left:.02*rem,
        top:.02*rem
    },

    SUItem:{
        paddingLeft:.4*rem,
        paddingTop:.3*rem
    },
    ItemWrap:{
        height:.52*rem,
        paddingLeft:.18*rem,
        paddingRight:.18*rem,
        borderWidth:onePT,
        borderColor:"#eee",
        flexDirection:"row",
        justifyContent:"space-between",
        alignItems:"center"
    },
    ItemFont:{
        fontSize:.24*rem,
        color:"#333"
    },
    ItemCheck:{
        height:.52*rem,
        flexDirection:"row",
        alignItems:"center"
    },
    ItemBut:{
        width:.3*rem,
        height:.3*rem,
        marginRight:.3*rem,
        borderWidth:onePT,
        borderColor:"#eee"
    },
    SUPick:{
        height:.52*rem,
        position:"absolute",
        left:0,right:0,
        top:0,bottom:0,
        backgroundColor:"transparent",
        color:"#fff",
        opacity:0
    },
    SUPass:{
        paddingRight:.46*rem
    },
    Icon_SU:{
        width:.25*rem,
        height:.19*rem,
        position:"absolute",
        right:.1*rem
    },
// 信号道
    channelWrap:{

    },
    channelTab:{
        height:.86*rem,
        backgroundColor:"#124191",
        flexDirection:"row"
    },
    ctList:{
        flexGrow:1,
        opacity:.5,
        alignItems:"center",
        justifyContent:"center"
    },
    ctWhite:{
        borderWidth:onePT,
        borderColor:"#FFF",
        opacity:1
    },
    ctFont:{
        fontSize:.24*rem,
        color:"#fff"
    },
    pt_ctContent:{

    },
    ctContent:{

    },
    channeList:{
        height:rem,
        paddingLeft:.3*rem,
        paddingRight:.3*rem,
        borderBottomWidth:onePT,
        borderBottomColor:"#eee",
        flexDirection:"row",
        justifyContent:"space-between",
        alignItems:"center"
    },
    ctGress:{
        width:3.76*rem,
        height:.24*rem
    },
    ctXing:{
        width:.26*rem,
        height:.26*rem
    },
    ctWidth:{
        width:1.34*rem
    },
    ctFontMon:{
        fontSize:.24*rem,
        color:"#333"
    },
//    测试信息
    tabMarTop:{
        marginTop:.6*rem,
        borderBottomWidth:onePT,
        borderBottomColor:"#d7e3f6"
    },
    tableTh:{
        flexDirection:"row",
        backgroundColor:"#e2ebfa",
        justifyContent:"center",
        alignItems:"center",
        borderTopWidth:onePT,
        borderTopColor:"#bccdeb"
    },
    thText:{
        fontSize:.2*rem,
        paddingTop:.2*rem,
        paddingBottom:.2*rem,
        textAlign:"center",
        color:"#333"
    },
    th01:{
        width:3.3*rem
    },
    th0101:{
        width:.3*rem
    },

    tableTbody:{
        flexDirection:"row"
    },
    tabLeft:{
        flex:1,
        width:.3*rem,
        justifyContent:"center",
        alignItems:"center",
        borderRightWidth:onePT,
        borderRightColor:"#f0f0f0"

    },
    tabLeftText:{
        fontSize:.2*rem,
        textAlign:"center",
        paddingTop:.2*rem,
        paddingBottom:.2*rem,
        color:"#666"
    },
    tabListWrap:{

    },
    tabList:{
        flexDirection:"row",
        borderBottomWidth:onePT,
        borderBottomColor:"#f0f0f0"
    },
    tdText:{
        width:3.3*rem,
        fontSize:.2*rem,
        justifyContent:"center",
        alignItems:"center",
        textAlign:"center",
        paddingTop:.2*rem,
        paddingBottom:.2*rem,
        paddingLeft:.05*rem,
        paddingRight:.05*rem,
        color:"#666"
    },
    th02:{
        width:.6*rem
    },
    th03:{
        width:.6*rem,
        paddingLeft:.15*rem,
        paddingRight:.15*rem
    },

//  流量
    floWrap:{
        backgroundColor:"#124191"
    },
    flowInfo:{
        paddingTop:.38*rem
    },
    flowText:{
        paddingBottom:.34*rem,
        paddingLeft:1.18*rem,
        flexDirection:"row"
    },
    flowFontLe:{
        width:1.4*rem
    },
    flowFont:{
        fontSize:.24*rem,
        color:"#fff"
    },
    flowChart:{
        paddingTop:.34*rem,
        paddingBottom:.68*rem
    },
    flowImg:{
        width:7.5*rem,
        height:1.8*rem
    },
//导航页
    naviWrap:{

    },
    naviTop:{
        height:3.24*rem,
        paddingBottom:.88*rem,
        backgroundColor:"#124191",
        justifyContent:"center",
        alignItems:"center"
    },
    naviImg:{
        width:4.46*rem,
        height:.64*rem
    },
    naviListWrap:{
        paddingBottom:.4*rem
    },
    naviList:{
        paddingTop:.46*rem,
        justifyContent:"center",
        alignItems:"center"
    },
    listImage:{
        width:1.64*rem,
        height:1.64*rem,
        backgroundColor:"#124191",
        borderRadius:.83*rem,
        justifyContent:"center",
        alignItems:"center"
    },
    listIm:{
        width:.84*rem,
        height:.84*rem
    },
    listFont:{
        fontSize:.24*rem,
        color:"#124191",
        paddingTop:.25*rem,
        paddingBottom:.25*rem,
        alignSelf:"center"
    }
});

module.exports=styles;